<template>
	<div>
		<el-backtop :bottom="60" :right="60">
			<div title="回到顶部" :style="backTopStyle">
				<i class="fa fa-arrow-up"></i>
			</div>
  		</el-backtop>
	</div>
</template>

<script>
export default {
  	name: 'BackTop',

	data() {
		return {
			backTopStyle: {
				height: '100%',
				width: '100%',
				backgroundColor: '#f2f5f6',
				boxShadow: '0 1px 0 0',
				borderRadius: '12px',
				textAlign: 'center',
				lineHeight: '40px',
				color: '#167df0'
			}
		}
	}
}
</script>

<style scoped>
</style>